import React, { Component } from "react";
import './data.css'

class Data extends Component {

    constructor(props) {
        super(props);
        this.state = {
            arr: [
                '冲刺元月“开门红”',
                '中方回应美将禁止向华为提供产品',
                '美防长称将在韩国部署更多战略武器',
                '这一看就是咱中国的空间站',
                'CH.1.1短期不会引起本土大规模流行',
                '女子恋爱6年被分手报警讨说法'
            ]
        }
    }
    state = {

    }
    render() {
        return (<>
            <div className="data">
                <ul>
                    {this.state.arr.map((item, index): Element => {
                        return (
                            <li key={index}><span style={{ color: index = 0 ? 'red' : 'yellow' }}>{index + 1}</span>{item}</li>
                        )
                    })}

                </ul>
            </div>
        </>);
    }
}

export default Data;